<template>
  <div class="net-disk">
    <el-container>
      <el-aside class="net-aside" width="220px">
        <Aside />
      </el-aside>
      <el-container>
        <el-header style="padding: 0; height: 40px">
          <Header />
        </el-header>
        <el-main style="position: relative">
          <Main />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
export default {
  components: {
    Aside: () => import('./components/Aside.vue'),
    Header: () => import('./components/Header.vue'),
    Main: () => import('./components/Main.vue'),
  },
  data() {
    return {}
  },
  mounted() {
    this.$store.dispatch('setFileSelectFlag', false)
  },
  methods: {},
}
</script>
<style scoped lang="scss">
.net-disk {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background-color: #fff;
  .net-aside {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #eee;
  }
}
</style>